﻿<%@ Page Title="" Language="C#" MasterPageFile="~/User/UserMasterPage.master" AutoEventWireup="true"
    CodeFile="ShoppingCart.aspx.cs" Inherits="User_ShoppingCart" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="rightside">
        <div id="summarybox">
            <div id="summarybox_top">
                <div id="summarybox_bottom">
                    <table class="summary">
                        <tbody>
                            <tr>
                                <td colspan="3">
                                    <h2>
                                        Your order:</h2>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <asp:DataList ID="dlShoppingCart" runat="server" RepeatColumns="1" OnItemCommand="dlShoppingCart_ItemCommand"
                        DataKeyField="Id">
                        <ItemTemplate>
                            <table class="summary">
                                <tbody>
                                    <tr id="1">
                                        <td>
                                            <asp:Image ID="Image1" runat="server" Height="50" Width="50" ImageUrl='<%#Eval("Image") %>' />
                                        </td>
                                        <td>
                                            <span class="name"><a href="ProductDetails.aspx?pId=<%#Eval("Id") %>">
                                                <%#Eval("Name") %></a>
                                                <br />
                                                <asp:LinkButton ID="lbnDel" runat="server" CommandName="DelItem" CommandArgument='<%#Eval("Id") %>'><img src="../images/summary_remove.gif" alt="Remove Item" border="0"></asp:LinkButton>
                                            </span>
                                        </td>
                                        <td>
                                            <span class="price">$<%#Eval("Amount") %></span><br /><br /><asp:TextBox ID="txtNumber" runat="server" Width="15px" Text='<%#Eval("Number") %>'></asp:TextBox>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </ItemTemplate>
                    </asp:DataList>
                    <table class="summary">
                        <tbody>
                            <tr class="total">
                                <td colspan="2">
                                    $&nbsp<asp:Label ID="lblTotalAmount" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:LinkButton ID="lbnUpdate" runat="server" OnClick="lbnUpdate_Click"><img src="..\images\1330529206_system-software-update.png" alt="Update" /></asp:LinkButton>
                                </td>
                                <td>
                                    <asp:LinkButton ID="lbnContinue" runat="server" CssClass="button_checkout" OnClick="lbnContinue_Click">Continue Shopping</asp:LinkButton>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="leftside">
        <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
            <asp:View ID="View1" runat="server">
                <img src="../images/order_sprite2.jpg" alt="step1" width="531px" height="30px" /><br />
                <br />
                <h1>
                    Recipient's Details</h1>
                <p>
                    ( This is where the order will be delivered to)</p>
                <table width="95%">
                    <tr>
                        <td style="width: 30%">
                            <p style="font-size: 13px; font-weight: bold; color: Black">
                                Address
                            </p>
                        </td>
                        <td>
                            <asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine" Width="300px" Height="70px"></asp:TextBox>
                            <br />
                            <br />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="font-size: 13px; font-weight: bold; color: Black">
                                Messages
                            </p>
                        </td>
                        <td>
                            <asp:DropDownList ID="drlMessages" runat="server" Height="25px" Width="307px" AutoPostBack="True"
                                OnTextChanged="drlMessages_TextChanged">
                            </asp:DropDownList>
                            <br />
                            <br />
                            <asp:TextBox ID="txtMessages" runat="server" TextMode="MultiLine" Height="70px" Width="300px"></asp:TextBox>
                            <br />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="font-size: 13px; font-weight: bold; color: Black">
                                Delivery Date
                            </p>
                        </td>
                        <td>
                            <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"
                                Width="51px">
                                <asp:ListItem Value="1">Now</asp:ListItem>
                                <asp:ListItem Value="2">Date</asp:ListItem>
                            </asp:RadioButtonList>
                            <eo:DatePicker ID="DatePicker1" runat="server" ControlSkinID="None" DayCellHeight="16"
                                DayCellWidth="21" DayHeaderFormat="FirstLetter" DisabledDates="" GridLineColor="207, 217, 227"
                                GridLineFrameVisible="False" GridLineVisible="True" SelectedDates="" TitleFormat="MMM yyyy"
                                TitleLeftArrowHtml="&amp;lt;" TitleRightArrowHtml="&amp;gt;" VisibleDate="2012-02-01"
                                Enabled="False">
                                <CalendarStyle CssText="border-right: #cfd9e3 1px solid; border-top: #cfd9e3 1px solid; font-size: 11px; border-left: #cfd9e3 1px solid; cursor: hand; border-bottom: #cfd9e3 1px solid; font-family: verdana; background-color: #eaeaea" />
                                <TitleStyle CssText="padding-right: 3px; padding-left: 3px; font-weight: bold; padding-bottom: 3px; color: white; padding-top: 3px; border-bottom: #cfd9e3 1px solid; background-color: #006699; font-size: 11px; font-family: verdana;" />
                                <DayHeaderStyle CssText="font-size: 11px; font-family: verdana;height: 17px" />
                                <DayStyle CssText="font-size: 11px; font-family: verdana;border-right: #eaeaea 1px solid; border-top: #eaeaea 1px solid; border-left: #eaeaea 1px solid; border-bottom: #eaeaea 1px solid; background-color: #eaeaea" />
                                <DayHoverStyle CssText="font-size: 11px; font-family: verdana;border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; background-color: white" />
                                <SelectedDayStyle CssText="font-size: 11px; font-family: verdana;border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; background-color: white" />
                            </eo:DatePicker>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <br />
                            <asp:Label ID="lblErrorAddress" runat="server" Text="" ForeColor="Red"></asp:Label>
                            <br />
                            <asp:Label ID="lblDate" runat="server" Text="" ForeColor="Red"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" colspan="2" style="height: 45px">
                            <asp:LinkButton ID="lbnNext" runat="server" OnClick="lbnNext_Click">

                            <img src="..\images\button_payment1.gif" alt="Next">

                            </asp:LinkButton>
                        </td>
                    </tr>
                </table>
            </asp:View>
            <asp:View ID="View2" runat="server">
                <img src="../images/order_sprite3.jpg" alt="step2" width="531px" height="30px" />
                <h1>
                    Secure Payment</h1>
                <table border="0" cellpadding="3" cellspacing="0" width="95%">
                    <tr>
                        <td colspan="2">
                            &nbsp; (<span class="required">* Required Fields</span>)</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <p>
                                <b>Payment By Credit Card</b></p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width:30%">
                            <p>
                                Type of Card:</p>
                        </td>
                        <td>
                            <p>
                                &nbsp;<asp:DropDownList ID="drlTypeCart" runat="server">
                                    <asp:ListItem Value="1">VISA</asp:ListItem>
                                    <asp:ListItem Value="2">Master Card</asp:ListItem>
                                </asp:DropDownList>
                                <img src="../images/visa.gif" alt="visa" align="absmiddle" />
                                <img src="../images/mastercard.gif" alt="mastercard" align="absmiddle" />
                                <span class="required">* </span>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>
                                Name on Credit Card:</p>
                        </td>
                        <td>
                            <p>
                                <span class="required">&nbsp;<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                                    * </span>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>
                                Credit Card Number:</p>
                        </td>
                        <td>
                            <p>
                                <asp:TextBox ID="txtNumberCard" runat="server"></asp:TextBox>
                                <span class="required">&nbsp;* </span>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <p>
                                Expires:</p>
                        </td>
                        <td>
                            <p>
                                Month:
                                <asp:DropDownList ID="drlMonth" runat="server">
                                </asp:DropDownList>
                                <span class="required">&nbsp;* </span>&nbsp;Year:
                                <asp:DropDownList ID="drlYear" runat="server">
                                </asp:DropDownList>
                                <span class="required">&nbsp;* </span>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" valign="top">
                            <p>
                                CVN:</p>
                        </td>
                        <td>
                            <p>
                                <asp:TextBox ID="txtCVN" runat="server"></asp:TextBox>
                                <span class="required" />&nbsp;* </span><a href="">
                                    <img src="../images/cvn_small.jpg" alt="CVN Details" border="0" align="absmiddle" />
                                </a>
                                <br />
                                <span class="smalltext">Credit Card Verification No. - Turn your card over, and 
                                it is the last 3 digit on your card!</span>
                                <br />
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:LinkButton ID="lbnDestroy" runat="server" OnClick="lbnDestroy_Click"><img src="..\images\1330529413_Doc-destroy.png" alt="Destroy" width="40px" height="30px"></asp:LinkButton>
                        </td>
                        <td align="right">
                            <asp:LinkButton ID="lbnComplete" runat="server" OnClick="lbnComplete_Click">

                                <img src="..\images\button_completeorder1.gif">

                            </asp:LinkButton>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <asp:Label ID="lblError2" runat="server" Text="" ForeColor="Red"></asp:Label>
                        </td>
                    </tr>
                </table>
            </asp:View>
            <asp:View ID="View3" runat="server">
                <img src="../images/order_sprite4.jpg" alt="step3" width="531px" height="30px" />
                <div style="text-align: center">
                    <p style="font-size: 18px">
                        Order have been successed</p>
                    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Back to home page</asp:LinkButton>
                </div>
            </asp:View>
        </asp:MultiView>
    </div>
</asp:Content>
